<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详细页</title>
    <link rel="stylesheet" href="./css/productdetail.css">
</head>

<body>
    <header>
        <div class="h_top">
            <ul>
            <a href="./index.html">
                <li>
                    <p>
                        Back
                    </p>
                </li>
            </a>
                <li>发现</li>
                <li>
                    <img src="./png/product detail/形状 9.png" alt="">
                </li>
            </ul>
        </div>

        <div class="h_bt">
            <ul>
                <li>
                    <img src="./png/product detail/图层 5.png" alt="">
                </li>
                <li>
                    <img src="./png/index/轮播图.png" alt="">
                </li>
                <li>
                    <img src="./png/index/轮播图.png" alt="">
                </li>
            </ul>
        </div>

    </header>
    <main>
        <div class="box">
            <ul>
                <li>￥32</li>
                <li>
                    <a href="">
                        <button>购买</button>
                    </a>
                </li>
            </ul>
        </div>

        <div class="box1">
            <ul>
                <li>
                    <img src="./png/product detail/形状 9.png" alt="">
                    <p> 好评率</p>
                    <p>99%</p>
                </li>
                <li>
                    <a href="">共605个评价&gt;</a>
                </li>
            </ul>
        </div>
        <div class="box2">
            <ul>
                <li>试用商户</li>
                <li>
                    <a href=""> &gt;</a>
                </li>
            </ul>
        </div>



        <div class="bt">
           
                <div class="top">
                   <ul>
                       <li><img src="./png/product detail/正佳店.png" alt=""></li>
                   </ul>

                   <ul>
                       <li>万岁寿司（正佳店）</li>
                       <li>
                           <img src="./png/product detail/形状 9.png" alt="">
                           <img src="./png/product detail/形状 9.png" alt="">
                           <img src="./png/product detail/形状 9.png" alt="">
                           <img src="./png/product detail/形状 9.png" alt="">
                           <img src="./png/product detail/形状 9.png" alt="">
                           <samp>10分</samp>
                       </li>
                       <li>离你100m</li>
                       <li>
                        <a href=""> 查看详情&gt;&gt;   </a> 
                       </li>
                   </ul>
                   

                   <ul>
                       <a href="">
                           <button>进入</button>
                       </a>
                   </ul>

                </div>

                <div class="top">
                    <ul>
                        <li><img src="./png/product detail/体育西店.png" alt=""></li>
                    </ul>
 
                    <ul>
                        <li>万岁寿司（体育西路）</li>
                        <li>
                            <img src="./png/product detail/形状 9.png" alt="">
                            <img src="./png/product detail/形状 9.png" alt="">
                            <img src="./png/product detail/形状 9.png" alt="">
                            <img src="./png/product detail/形状 9.png" alt="">
                            <img src="./png/product detail/形状 9.png" alt="">
                            <samp>10分</samp>
                        </li>
                        <li>离你100m</li>
                        <li>
                         <a href=""> 查看详情&gt;&gt;   </a> 
                        </li>
                    </ul>
                    
 
                    <ul>
                        <a href="">
                            <button>进入</button>
                        </a>
                    </ul>
 
                 </div>
                 <div class="top">
                    <ul>
                        <li><img src="./png/product detail/形状 8.png" alt=""></li>
                    </ul>
 
                    <ul>
                        <li>万岁寿司（昌岗店）</li>
                        <li>
                            <img src="./png/product detail/形状 9.png" alt="">
                            <img src="./png/product detail/形状 9.png" alt="">
                            <img src="./png/product detail/形状 9.png" alt="">
                            <img src="./png/product detail/形状 9.png" alt="">
                            <img src="./png/product detail/形状 9.png" alt="">
                            <samp>10分</samp>
                        </li>
                        <li>离你100m</li>
                        <li>
                         <a href=""> 查看详情&gt;&gt; </a> 
                        </li>
                    </ul>
                    
 
                    <ul>
                        <a href="">
                            <button>进入</button>
                        </a>
                    </ul>
 
                 </div>
                 <div class="top">
                    <ul>
                        <li><img src="./png/product detail/正佳店.png" alt=""></li>
                    </ul>
 
                    <ul>
                        <li>万岁寿司（正佳店）</li>
                        <li>
                            <img src="./png/product detail/形状 9.png" alt="">
                            <img src="./png/product detail/形状 9.png" alt="">
                            <img src="./png/product detail/形状 9.png" alt="">
                            <img src="./png/product detail/形状 9.png" alt="">
                            <img src="./png/product detail/形状 9.png" alt="">
                            <samp>10分</samp>
                        </li>
                        <li>离你100m</li>
                        <li>
                         <a href=""> 查看详情&gt;&gt;   </a> 
                        </li>
                    </ul>
                    
 
                    <ul>
                        <a href="">
                            <button>进入</button>
                        </a>
                    </ul>
 
                 </div>
        </div>
    </main>
    <nav>
        <ul>
            <li>
             <a href="./index.html">
                 <img src="./png/find/首页.png" alt=""> </a>
                <p>首页</p>
            </li>
   
            <li>
             <a href="./classification.html">
             <img src="./png/find/分类4.png" alt=""> </a>
               <p>分类</p>
         </li>
        
            <li>
             <a href="./find.html">
                 <img src="./png/index/鎸囬拡.png" alt=""> </a>
               <p>发现</p>
         </li>
    
            <li>
             <a href="./my.html">
                 <img src="./png/find/我的.png" alt=""> </a>
               <p>我的</p>
         </li>
     </ul>
    </nav>
</body>

</html>